<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 当选择器的优先级相同时，后写的生效 */
        /* 当选择器的优先级不同时，优先级大的生效 */
        /* 100 */
        #div1 {
            text-decoration: underline;
            margin-left: 20px;
            font-size: 30px;
        }

        /* 10+10 110 */
        .c1 {
            text-decoration: none;
        }

        p {
            /* 设置该属性会使子元素属性和父元素相同。实际上，就是“开启继承” */
            /*本来不继承的也继承了， 就是继承 */
            /* font-size: inherit; */
            /* 浏览器默认对该属性怎么处理就怎么处理 */
            /* font-size: initial; */
            /* 默认继承就继承，反之亦然 */
            /* 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial 一样 */
            /* font-size: unset; */
            margin-left: 10px;
        }
    </style>
</head>

<body>
    <div id="div1",class ="c1" >
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi, beatae. Voluptate, nihil? Dignissimos nam ab
        culpa veritatis, vel a cumque minima quod. Magnam, odit! Laudantium numquam nesciunt veniam. Repudiandae, enim.
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At rem exercitationem voluptatem nam hic. Distinctio praesentium, excepturi laudantium a ratione tenetur expedita est incidunt, officiis ullam dolorum maiores, pariatur soluta.</p>
    </div>
    
</body>

</html>